$(function () {
  //点击选中
  $(".main .car-list .car-item .checkbox span").on("click", function () {
    var input = $(this).prev()
    if (input.prop("checked")) {
      $(this).prev().prop("checked", false)
      //上面的checkbox选中的个数不等于上面checkbox的数量，下面的checkbox也要取消
      if ($(".main .car-list .car-item .checkbox input[type='checkbox']:checked").length != $(".main .car-list .car-item .checkbox input[type='checkbox']").length) {
        $(".shop-car .checkbox input").prop("checked", false)
      }

    } else {
      $(this).prev().prop("checked", true)
      //上面的checkbox选中的个数等于上面checkbox的数量，下面的checkbox也要选中
      if ($(".main .car-list .car-item .checkbox input[type='checkbox']:checked").length == $(".main .car-list .car-item .checkbox input[type='checkbox']").length) {
        $(".shop-car .checkbox input").prop("checked", true)
      }
    }
    getCheckedNum()
  })
  //下面购物车选中
  $(".shop-car .checkbox span").on("click", function () {
    var input = $(this).prev()
    if (input.prop("checked")) {
      $(this).prev().prop("checked", false)
      $(".main .car-list .car-item .checkbox input[type='checkbox']").prop("checked", false)
    } else {
      $(this).prev().prop("checked", true)
      $(".main .car-list .car-item .checkbox input[type='checkbox']").prop("checked", true)
    }
    getCheckedNum()
  })

  //获取选择商品数量
  function getCheckedNum() {
    $("#num").text("已经选(" + $(".main .car-list .car-item .checkbox input[type='checkbox']:checked").length + ")")
    callPrice()
  }
  //++ --
  $(".contorl div").click(function () {
    var opt = $(this).text()
    if (opt == '-') {
      var num = $(this).next().val()
      num--
      if (num == 0){
        alert("商品数量不能小于1")
        num = 1
      }
      $(this).next().val(num)
    } else if (opt == '+') {
      var num = $(this).prev().val()
      num++
      if (num > 200){
        alert("购买商品数量不能大于库存量")
        num = 200
      }
      $(this).prev().val(num)
    }
    callPrice()
  })
  // input change事件
  $(".contorl input").change(function(){
    var num=$(this).val();
    if(!/^\d{1,}$/.test(num)){
      alert("请输入正确的数据")
      num=1
    }else{
      if(num<=0){
        alert("商品数量不能小于1")
        num=1
      }else if(num>200){
        alert("商品数量不能大于库存量")
        num=200
      }
    }
    $(this).val(num)

  })
  //计算商品价格
  function callPrice() {
    var total = 0;
    $.each($('.car-list input[type="checkbox"]:checked'), function (index, elem) {
      var count = parseInt($(elem).parent().siblings('.contorl').find('input').val());
      var price = parseInt(
        $(elem).parent()
          .siblings('.content')
          .find('.price').text().substr(1));
      // console.log(count)
      total += count * price;
    })
    $(".total span").text(total.toFixed(2))
    total = 0;
  }
})